<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>{$Think.lang.gongsi}</title>
    <link href="__PUBLIC__/home/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/home/css/basis.css"/>
    <script src="__PUBLIC__/home/js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="__PUBLIC__/home/js/respond.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="__PUBLIC__/home/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/js/jquery.sidr.min.js"></script>
	  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0BT0yIyLYOYrldC1PmGG5maR9ev7lrRl"></script>
	<script>
		$(function(){
		   $('#left-menu').sidr({
		name: 'sidr-left',
		side: 'right'
		    });
		});
	</script>
    <!--[if lt IE 9]>
	    <script src="__PUBLIC__/home/js/html5shiv.min.js"></script>
	    <script src="__PUBLIC__/home/js/respond.min.js"></script>
    <![endif]-->
	  <style type="text/css">
		  html{height:100%}
		  body{height:100%;margin:0px;padding:0px}
		  #container{height:100%}
		  #aaaaa{
			  height: 480px;
			  width:60%;
			  float:left;
			  margin-bottom:40px;
			  margin-left: 5%;
		  }
		  .lxwm-txt{
			  float:left;
			  /*width:30%;*/
			  width: 400px;
			  clear:both;
			  margin-left:75px;
		  }
		  #footer{
			  clear:both;
			  width:100%!important;
		  }
		  @media only screen and ( max-width:990px ) {
			  #aaaaa{
				  width: 90%!important;
				  height: 400px;
				  margin-left: 5%;
			  }
			  .lxwm-txt{
				  margin: 0 auto;
				  width: 100%!important;
			  }
			  .lxwm-txt p{
				  width: 100% !important;
			  }
		  }
	  </style>
  </head>
	<body>
		<!--
        	作者：416153666@qq.com
        	时间：2015-12-15
        	描述：头部开始
        -->
					<!--小屏菜单 -->
		<div class="clearfix xs-nav" id="sidr-left">
			<ul class="nav-ul">
				<li><a href="/zhonghang/index/index">{$Think.lang.shouye}</a></li>
				<li><a href="/zhonghang/about/index">{$Think.lang.aboutme}</a></li>
				<li><a href="/zhonghang/collection/index/id/{$chanpin.id}">{$Think.lang.chanpin}</a></li>
				<li><a href="/zhonghang/Finance/index">{$Think.lang.yingyong}</a></li>
				<li><a href="/zhonghang/Member/index">{$Think.lang.xinwen}</a></li>
				<li><a href="/zhonghang/reg/index">{$Think.lang.zhaoxian}</a></li>
				<li><a href="/zhonghang/order/index">{$Think.lang.lianxi}</a></li>
			</ul>
		</div>
		<header id="header">
			<div class="top-bar">
				<div class="container">
					<div class="fl">
						
					</div>
					<div class="fr top-a">
						<a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>
						<a href="javacript:void(0);" lang='en' class='btn'>English</a>
						<!--<a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>-->
						<a href="javacript:void(0);" lang='ja' class='btn'>Japanese</a>
					</div>
				</div>
			</div>

			<div class="nav-box">
				<div class="container">
					<div class="fl">
						<a href="#"><img src="{$list.w_logo}" class="logo" /></a>
					</div>
					<nav class="fr nav">
						<i class="icon-language"><img src="__PUBLIC__/home/img/header/yy.png"/></i>
						<i class="icon-menu"id="left-menu" >
							<img src="__PUBLIC__/home/img/header/nav.png"/>
						</i>
						<!--大屏菜单 -->
						<ul>
							<li><a href="/zhonghang/index/index">{$Think.lang.shouye}</a></li>
							<li><a href="/zhonghang/about/index">{$Think.lang.aboutme}</a></li>
							<li><a href="/zhonghang/collection/index/id/{$chanpin.id}">{$Think.lang.chanpin}</a></li>
							<li><a href="/zhonghang/Finance/index">{$Think.lang.yingyong}</a></li>
							<li><a href="/zhonghang/Member/index">{$Think.lang.xinwen}</a></li>
							<li><a href="/zhonghang/reg/index">{$Think.lang.zhaoxian}</a></li>
							<li><a href="/zhonghang/order/index">{$Think.lang.lianxi}</a></li>
						</ul>
					</nav>
				</div>
			</div>
			<div class="clearfix"></div>
			<div class="language-txt">
				<a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>
				<a href="javacript:void(0);" lang='en' class='btn'>English</a>
				<!--<a href="javacript:void(0);" lang='cn' class='btn'>中文简体</a>-->
				<a href="javacript:void(0);" lang='ja' class='btn'>Japanese</a>
			</div>
		</header>
    <!--
    	作者：416153666@qq.com
    	时间：2015-12-15
    	描述：头部结束
    -->
		<!--内页 BAN-->
		<div class="ab-ban">
			<img src="{$lxwmtp}"/>
		</div>
		<!--内页 BAN 结束-->
<div style="margin: 30px auto ">
		<div class="container mt20" style="float: left;">
				<div class="lxwm-txt" style="">

					<h1 class="h3">{$Think.lang.gongsi}</h1>

					<p style="width:400px;word-wrap: break-word;">
						{$aaa}
					</p>
<!--					<div id="allmap"></div>-->

					</div>
					</div>
		<div id="aaaaa" style="margin-top: 30px"></div>
</div>
			<script>
                var map = new BMap.Map("aaaaa");
                var point = new BMap.Point(123.274538,41.782905);
                map.centerAndZoom(point, 15);
                var marker = new BMap.Marker(point); // 创建标注
                map.addOverlay(marker); // 将标注添加到地图中
                marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
    //             var label = new BMap.Label("沈阳中航机电三洋制冷设备有限公司",{offset:new BMap.Size(20,-10)});
				// marker.setLabel(label);
				// 复杂的自定义覆盖物
    function ComplexCustomOverlay(point, text, mouseoverText){
      this._point = point;
      this._text = text;
      this._overText = mouseoverText;
    }
    ComplexCustomOverlay.prototype = new BMap.Overlay();
    ComplexCustomOverlay.prototype.initialize = function(map){
      this._map = map;
      var div = this._div = document.createElement("div");
      div.style.position = "absolute";
      div.style.zIndex = BMap.Overlay.getZIndex(this._point.lat);
      div.style.backgroundColor = "#EE5D5B";
      div.style.border = "1px solid #BC3B3A";
      div.style.color = "white";
      div.style.height = "18px";
      div.style.padding = "2px";
      div.style.lineHeight = "18px";
      div.style.whiteSpace = "nowrap";
      div.style.MozUserSelect = "none";
      div.style.fontSize = "12px"
      var span = this._span = document.createElement("span");
      div.appendChild(span);
      span.appendChild(document.createTextNode(this._text));      
      var that = this;

      var arrow = this._arrow = document.createElement("div");
      arrow.style.background = "url(http://map.baidu.com/fwmap/upload/r/map/fwmap/static/house/images/label.png) no-repeat";
      arrow.style.position = "absolute";
      arrow.style.width = "11px";
      arrow.style.height = "10px";
      arrow.style.top = "22px";
      arrow.style.left = "10px";
      arrow.style.overflow = "hidden";
      div.appendChild(arrow);
     
      div.onmouseover = function(){
        this.style.backgroundColor = "#6BADCA";
        this.style.borderColor = "#0000ff";
        this.getElementsByTagName("span")[0].innerHTML = that._overText;
        arrow.style.backgroundPosition = "0px -20px";
      }

      div.onmouseout = function(){
        this.style.backgroundColor = "#EE5D5B";
        this.style.borderColor = "#BC3B3A";
        this.getElementsByTagName("span")[0].innerHTML = that._text;
        arrow.style.backgroundPosition = "0px 0px";
      }

      map.getPanes().labelPane.appendChild(div);
      
      return div;
    }
    ComplexCustomOverlay.prototype.draw = function(){
      var map = this._map;
      var pixel = map.pointToOverlayPixel(this._point);
      this._div.style.left = pixel.x - parseInt(this._arrow.style.left) + "px";
      this._div.style.top  = pixel.y - 30 + "px";
    }
    var txt = "沈阳中航机电三洋制冷", mouseoverTxt = txt + "设备有限公司" ;
        
    var myCompOverlay = new ComplexCustomOverlay(new BMap.Point(123.274538,41.782905), "沈阳中航机电三洋制冷设备有限公司",mouseoverTxt);

    map.addOverlay(myCompOverlay);

			</script>

     <!--网页底部-->
<include file="application/zhonghang/view/public/footer.html"/>

<!--网页底部 结束-->



		<!--首页语言切换JS-->
<script type="text/javascript">
	$(document).ready(function(){
	  $(".icon-language").click(function(){
	  $(".language-txt").toggle(200);
	  });
});
</script>
 <!--首页焦点图 JS-->
    <script>
    var swiper = new Swiper('#t-ban', {
        pagination: '#t-ban .swiper-pagination',
        paginationClickable: true,
        loop : true,
    });
    </script>




    <!--最新产品区域 JS-->
    <script>
    var swiper = new Swiper('#sy-cplist', {
        pagination: '#sy-cplist .swiper-pagination',
        paginationClickable: true,
        slidesPerView: 4,
        spaceBetween: 50,
        breakpoints: {
            1000: {
                slidesPerView: 3,
                spaceBetween: 40
            },
            768: {
                slidesPerView: 2,
                spaceBetween: 30
            },
            640: {
                slidesPerView: 2,
                spaceBetween: 20
            },
            480: {
                slidesPerView: 1,
                spaceBetween: 10
            },
            320: {
                slidesPerView: 1,
                spaceBetween: 10
            }
        }
    });
    </script>

	</body>
</html>
<script>
    $('.btn').click(function(){
        var data={'lang':$(this).attr('lang')}
        $.get("{:url('Index/lang')}",data,function(){
            location.reload();
        })
    })
</script>

